﻿@charset "utf-8";
.page-bg{
    position: relative;
    width: 100%;
    height: 93vh;
    background-color: rgb(233, 246, 248);
    margin-bottom: 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /*box-shadow:  1px 1px 9px 5px rgba(26, 26, 26, 0.2);*/
    padding: 5px;
}
.panel-eflt{
    background: transparent;
    /*box-shadow:  1px 1px 15px 2px rgba(26, 26, 26, 0.13);*/
    border-radius: 20px;
    padding: 10px;
    /*border: 1px solid black;*/
    height: 95%;
}
.panel-switch{
    width: 100%;
}

.panel-form{
    width: 100%;
    padding-bottom: 20px;
    font-weight: bolder;
    font-family: Consolas, monospace;
    text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.26);
    color: #0b3a8a;
}

.panel-right{
    background: transparent;
    /*box-shadow:  1px 1px 9px 5px rgba(26, 26, 26, 0.2);*/
    border-radius: 20px;
    padding: 0px;
    /*border: 1px solid black;*/

    height: 100%;
}

.edit-nav{
    border-radius: 10px;
    box-shadow:  1px 1px 15px 2px rgba(26, 26, 26, 0.13);
}

.panel-show{
    width: 100%;
    height: 80vh;
    margin: 5px;
    border-radius: 10px;
    box-shadow:  1px 1px 15px 2px rgba(26, 26, 26, 0.13);
}

.panel-draw{
    height: 100%;
    width: 100%;
    margin: 5px;
    padding: 5px;
}

.panel-info{
    width: 95%;
    text-align: center;
    font-size: 10px;
    background-color: white;
    border-radius: 10px;
    padding: 5px;
}